.avatar {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #ccc;
    margin-right: 20px;
}
.left {
    flex: 1;
}
.right {
    flex-shrink: 0;
    .edit-t {
        color: $primary;
        margin-left: 20px;
    }
}

.empty-box {
    height: 100vh;
    .empty-tip {
        color: $label-color;
        margin-bottom: 30px;
    }
    .add-pet-btn {
        background-color: $primary;
        color: $white;
        border-radius: 8px;
        padding: 10px 30px;
    }
}

.pet-profile-item {
    background-color: $white;
    padding: 30px;
    margin: 20px;
    border-radius: 20px;
    .pet-name {
        font-size: $font-sm;
        margin-bottom: 10px;
        .age-t {
            font-size: $font-mini;
            margin-left: 20px;
        }
    }
    .label {
        color: $label-color;
        // margin-bottom: 10px;
        margin-right: 10px;
    }
}